$(function () {
  // 设置屏幕自适应,设置根标签的font-size大小
  setFont();
  window.onresize = function () {
    setFont();
  };
  // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
  function setFont() {
    // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
    // 基础值
    var baseVal = 100;
    // 设计稿的宽度
    var pageWidth = 375;
    // 要适配的屏幕的宽度 = 当前屏幕的宽度
    var screenWidth = document.querySelector("html").offsetWidth;
    // 要设置的字体大小
    var fontsize = (baseVal * screenWidth) / pageWidth;
    // 把字体大小动态设置到 html标签中
    document.querySelector("html").style.fontSize = fontsize + "px";
  }

  // 异步ajax请求数据渲染导航菜单
  $.ajax({
    url: "http://193.112.55.79:9090/api/getindexmenu",
    type: "get",
    dataType: "json",
    success: function (res) {
      // console.log(res);
      // tempalte方法调用，传入两个参数： 1、模板Id 2、数据（要求数据类型：对象）
      var htmlStr = template("navTmp", res)

      // console.log(htmlStr);
      $(".mmb_nav ul").html(htmlStr)
    }
  })
  // $('.mmb_nav ul li:nth-last-child(-n+4)').hide()
  //事件委托
  $('.mmb_nav ul').on('click', 'li:nth-child(8)', function (e) {
    // 阻止a标签的默认跳转行为
    e.preventDefault();
    // 设置后面四个li标签淡入淡出效果
    $('.mmb_nav ul li:nth-last-child(-n+4)').fadeToggle(200);
  });

  //异步ajax请求数据渲染折扣推荐商品
  $.ajax({
    url: "http://193.112.55.79:9090/api/getmoneyctrl",
    type: 'get',
    dataType: 'json',
    success: function (res) {
      // console.log(res);
      var htmlStr = template('goodsTmp', res);
      $('.mmb_goods ul').html(htmlStr)
    }
  })


})